// const path = require("path");
// // const { CleanWebpackPlugin } = require("clean-webpack-plugin");
// const HtmlWebpackPlugin = require("html-webpack-plugin");
// const MiniCssExtractPlugin = require("mini-css-extract-plugin");
// const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
// const { VueLoaderPlugin } = require("vue-loader");

// module.exports = {
//   entry: "./src/index.js",
//   output: {
//     path: path.resolve(__dirname, "dist"),
//     filename: "[name].[hash].js",
//   },
//   module: {
//     rules: [
//       {
//         test: /\.css$/,
//         use: [MiniCssExtractPlugin.loader, "css-loader", "postcss-loader"],
//       },
//       {
//         test: /\.s(c|a)ss$/,
//         use: [
//           MiniCssExtractPlugin.loader,
//           "css-loader",
//           "postcss-loader",
//           "sass-loader",
//         ],
//       },
//       {
//         test: /\.js$/,
//         use: "babel-loader",
//         exclude: /node_modules/,
//       },
//       {
//         test: /\.vue$/,
//         loader: "vue-loader",
//       },
//     ],
//   },
//   plugins: [
//     // new CleanWebpackPlugin(),
//     new HtmlWebpackPlugin({
//       filename: "index.html",
//       template: "./public/index.html",
//     }),
//     new MiniCssExtractPlugin({
//       filename: "css/[name].css",
//     }),
//     new OptimizeCSSAssetsPlugin(),
//     new VueLoaderPlugin(),
//   ],
//   //   devServer: {
//   //     port: 8090,
//   //     open: true,
//   //     hot: true
//   //   },
//   mode: "production",
//   performance: { hints: false },
// };
